<template>
  <view class="connent">
    <view class="title">{{ productName }}</view>
    <!-- #ifdef MP-WEIXIN  -->
    <view class="share" @tap="$emit('shareOn')">
      <image class="icon" src="../../static/img/common/icon_share.png"></image>
      <view class="txt">分享</view>
    </view>
    <!-- #endif -->
  </view>
</template>

<script>
export default {
  props: {
    productName: {
      type: String,
      default: ''
    },
  }
}
</script>

<style scoped>

.connent {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	/* align-items: flex-start; */
	justify-content: space-between;
	margin-top: 30rpx;
	padding: 0 3%;
	box-sizing: border-box;
	margin-bottom: 20rpx;
	align-items: center;
}

.title {
	font-size: 28rpx;
	color: rgba(51, 51, 51, 1);
	/* overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; */
	font-weight: 900;
}

.share {
	font-size: 32rpx;
	color: rgba(51, 51, 51, 1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 0 0 80rpx;
}

.icon {
	width: 28rpx;
	height: 28rpx;
}

.txt {
	font-size: 24rpx;
	color: rgba(153, 153, 153, 1);
}
</style>
